@import "pacc";
/*logo*/
$bc:red;
$color:#64a131;
$color2:#999;
 $float:left;
 $textAlign:center;
  
/*nav*/
/*logo*/
#logo{
    $height:80px;
        height:$height;
        border-bottom:1px solid #d00 ;
    .logo{
        height:$height;
        display:block;
        background: #fff url(../images/logo_03.png) no-repeat 14px center;
    }
    
    
}
/*表单*/
.w-1000{
   $width:1000px;
   width:1000px;
   padding-left:5px ;
   padding-top:25px;
   .member{
       padding:15px 0 16px;
       border-bottom: 1px solid #ccc;
       font-size:20px;
       color:$color2;
       margin-bottom: 36px;
   } 
   .login-left{
       width:500px;
       position: relative;
        margin-bottom:46px;
       float: $float;
       .login{
           position: absolute;
           bottom: 21px;
           left: 175px;  
           a{
               display: block;
               height:48px;
               text-align:center;
               color:$color;
               padding: 12px 33px;
               border-radius: 4px;           
               color: #64a131!important;              
               box-shadow: none!important;
               border: 1px solid #64a131!important;
           
           }
        }    
   }
   
   
   
   
   
   
   
   
    .login-form{
         float: right;
         display: block;
        .Sign{
            margin-top:75px;
            .pull-right{
                    float: right !important;
            }
            .Sign-1{
                 li{
                      width:488px;
                      position:relative;
                      margin-bottom:26px ;
                      font-size: 16px;
                      color:$color2;
                   div{
                        width: 96px;
                        height: 40px;
                        line-height:40px;
                        font-size: 16px;
                        color: #999999;
                        text-align: right;
                        float:$float;
                   }
                   .yanzm-img{
                       display:block;
                       width:115px;
                       height:38px;
                       position: absolute;
                       right:80px;
                       top:1px;
                       background: yellow;                  
                   }  
                 }
                .yanzm-3{
                    margin-bottom: 6px;
                    input{
                        width:272px;
                    }
                    a{
                        i{  
                            position:absolute;
                            right:50px;
                            top:10px;
                            display:block;
                            width:20px;
                            height:20px;
                            background: url(../images/icons.png) no-repeat -7px -325px;;
                        }
                    }
                }
                #blankCheckbox{
                    width:18px;
                    height:18px;
                    position:absolute;
                    top:15px;
                    left:6px;                          
                }
                .fr-wj{
                    width:150px;
                    height:43px;
                    line-height: 43px;
                    margin-right: 8px;
                    padding:0;
                    a{
                        font-size: 16px;
                        color:$color2;
                        text-decoration:underline;
                    }                
                }
                .mima-2{
                    width:300px !important;
                    position:relative;
                    margin-bottom: 6px;
                    margin-left:27% ;
                    span{
                        position:absolute;
                        left:26px;
                        top:12px;
                    }               
                }
                .btn{
                    a{
                        display: block;
                        width: 143px;
                        height: 38px;
                        text-align: $textAlign;
                        padding: 0px;
                        line-height: 38px;                   
                    }
                    .fruit-login {
                        
                            float: $float !important;
                            margin-left: 29%;
                            margin-right:14px;
                            .fr-regist{
                                width: 143px;
                                text-align: $textAlign;                           
                                a{
                                    background-color: #64a131;
                                    border-radius: 4px;
                                    border: none;;
                                    color: #fff;
                                }
                            }                       
                    }
                    .pull-right{
                        text-align: $textAlign;
                        float:$float !important;
                        width: 143px;
                        a{
                            width: 143px;
                            height: 38px;
                            border: 1px solid #64a131;
                            background-color: #f5ffed;
                            color: #7bae55;
                            border-radius: 6px;
                            font-size: 18px;
                        }
                        
                    }
                }
                
            }       
         }
         input{
                width: 300px;
                height: 40px;
                outline: none;
                border-radius: 0;
                font-family: arial;
                float:$float;
         }
        .yanzm{
                margin-left: 42px;
        }
    }
   
}
/*注冊頁面*/
.login-form2{
    float: $float;
    display: none;
    .Sign{
//      margin-top:75px;
        .pull-right{
                float: right !important;
        }
        .Sign-1{
             li{
                  width:488px;
                  position:relative;
                  margin-bottom:26px ;
                  font-size: 16px;
                  color:$color2;
               div{
                    width: 96px;
                    height: 40px;
                    line-height:40px;
                    font-size: 16px;
                    color: #999999;
                    text-align: right;
                    float:$float;
               }
               .yanzm-img{
                   display:block;
                   width:115px;
                   height:38px;
                   position: absolute;
                   right:80px;
                   top:1px;
                   background: yellow;                  
               }  
             }
            .yanzm-3{
                margin-bottom: 26px;
                input{
                    width:272px;
                }
                a{
                    i{  
                        position:absolute;
                        right:50px;
                        top:10px;
                        display:block;
                        width:20px;
                        height:20px;
                        background: url(../images/icons.png) no-repeat -7px -325px;;
                    }
                }
               
            }
            #blankCheckbox{
                width:18px;
                height:18px;
                position:absolute;
                top:15px;
                left:6px;                          
            }
            .fr-wj{
                width:150px;
                height:43px;
                line-height: 43px;
                margin-right: 8px;
                padding:0;
                a{
                    font-size: 16px;
                    color:$color2;
                }                
            }
            .mima-2{
                position:relative;
                input{
                    margin-left: 42px;
                }
                span{
                    position: absolute;
                    top:1px;
                    left:339px;
                    display: block;
                    width:98px;
                    height:38px;
                    line-height:38px;
                    text-align: $textAlign;
                    color:#333;
                    font-size:14px;
                    background-color: #eaeaea;
                }
//              margin-bottom: 6px;
//              padding-left: 20px;
//              margin-left:13% ;              
            }
            .btn{
                a{
                    display: block;
                    width: 143px;
                    height: 38px;
                    text-align: $textAlign;
                    padding: 0px;
                    line-height: 38px;                   
                }
                .fruit-login {
                    
                        float: $float !important;
                        margin-left: 29%;
                        margin-right:14px;
                        .fr-regist{
                            width: 143px;
                            text-align: $textAlign;                           
                            a{
                                background-color: #64a131;
                                border-radius: 4px;
                                border: none;;
                                color: #fff;
                            }
                        }                       
                }
                .pull-right{
                    text-align: $textAlign;
                    float:$float !important;
                    width: 143px;
                    a{
                        width: 143px;
                        height: 38px;
                        border: 1px solid #64a131;
                        background-color: #f5ffed;
                        color: #7bae55;
                        border-radius: 6px;
                        font-size: 18px;
                    }
                    
                }
            }
            
        }       
     }
     input{
            width: 300px;
            height: 40px;
            outline: none;
            border-radius: 0;
            font-family: arial;
            float:$float;
     }
    .yanzm{
            margin-left: 42px;
    }
}